<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui">
    <ui:composition template="/template_bill.xhtml"
                    >
<ui:define name="body">
<!-- start of the photos bar -->
             <div class="clear"></div>

            <!-- start of the search form -->
            <form class="form-inline well" action="#" method="post">
                <label style="padding-left: 10px;" for="input01">من تاريخ</label>
                <input id="input01" type="text" required="required" value="تاريخ"/>
                <label style="padding-left: 15px; padding-right: 90px;" for="input02">إلى تاريخ</label>
                <input id="input02" type="text" required="required" value="تاريخ"/>
                <div class="clear"></div>
                <button style="margin-right: 300px;" class="btn btn-primary" type="submit">عرض</button>
            </form>
            <!-- end of the search form -->

            <!-- start of the table -->
            <table >
                <thead>
                    <tr>
                        <th>#</th>
                        <th>المنتج</th>
                        <th>الدوله</th>
                        <th>المصنع</th>
                        <th>الكميه من تاريخه</th>
                        <th>الكميه المباعه</th>
                        <th>الكميه المتبقيه</th>
                        <th>السعر</th>
                        <th>الفواتير</th>
                        <th>تعديلات</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>
                            <select disabled="disabled" >
                                <option>المنتج</option>
                                <option>المنتج</option>
                                <option>المنتج</option>
                                <option>المنتج</option>
                                <option>المنتج</option>
                            </select>
                        </td>
                        <td>
                            <select disabled="disabled">
                                <option>الدوله</option>
                                <option>الدوله</option>
                                <option>الدوله</option>
                                <option>الدوله</option>
                                <option>الدوله</option>
                            </select>
                        </td>
                        <td>
                            <select disabled="disabled">
                                <option>المصنع</option>
                                <option>المصنع</option>
                                <option>المصنع</option>
                                <option>المصنع</option>
                                <option>المصنع</option>
                            </select>
                        </td>
                        <td><input type="text" value="الكميه من تاريخه" disabled="disabled"/></td>
                        <td><input type="text" value="الكميه المباعه" disabled="disabled"/></td>
                        <td><input type="text" value="الكميه المتبقيه" disabled="disabled"/></td>
                        <td><input type="text" value="السعر" disabled="disabled"/></td>
                        <td><a href="#" title="عرض"><i class="icon-list-alt"></i> عرض</a></td>
                          </tr>
                    <tr>
                        <td>2</td>
                        <td>
                            <select disabled="disabled">
                                <option>المنتج</option>
                                <option>المنتج</option>
                                <option>المنتج</option>
                                <option>المنتج</option>
                                <option>المنتج</option>
                            </select>
                        </td>
                        <td>
                            <select disabled="disabled">
                                <option>الدوله</option>
                                <option>الدوله</option>
                                <option>الدوله</option>
                                <option>الدوله</option>
                                <option>الدوله</option>
                            </select>
                        </td>
                        <td>
                            <select disabled="disabled">
                                <option>المصنع</option>
                                <option>المصنع</option>
                                <option>المصنع</option>
                                <option>المصنع</option>
                                <option>المصنع</option>
                            </select>
                        </td>
                        <td><input type="text" value="الكميه من تاريخه" disabled="disabled"/></td>
                        <td><input type="text" value="الكميه المباعه" disabled="disabled"/></td>
                        <td><input type="text" value="الكميه المتبقيه" disabled="disabled"/></td>
                        <td><input type="text" value="السعر" disabled="disabled"/></td>
                        <td><a href="#" title="عرض"><i class="icon-list-alt"></i> عرض</a></td>
                         </tr>
                    <tr>
                        <td>3</td>
                        <td>
                            <select disabled="disabled">
                                <option>المنتج</option>
                                <option>المنتج</option>
                                <option>المنتج</option>
                                <option>المنتج</option>
                                <option>المنتج</option>
                            </select>
                        </td>
                        <td>
                            <select disabled="disabled">
                                <option>الدوله</option>
                                <option>الدوله</option>
                                <option>الدوله</option>
                                <option>الدوله</option>
                                <option>الدوله</option>
                            </select>
                        </td>
                        <td>
                            <select disabled="disabled">
                                <option>المصنع</option>
                                <option>المصنع</option>
                                <option>المصنع</option>
                                <option>المصنع</option>
                                <option>المصنع</option>
                            </select>
                        </td>
                        <td><input type="text" value="الكميه من تاريخه" disabled="disabled"/></td>
                        <td><input type="text" value="الكميه المباعه" disabled="disabled"/></td>
                        <td><input type="text" value="الكميه المتبقيه" disabled="disabled"/></td>
                        <td><input type="text" value="السعر" disabled="disabled"/></td>
                        <td><a href="#" title="عرض"><i class="icon-list-alt"></i> عرض</a></td>
                          </tr>
                   
                </tbody>
            </table>
            <!-- end of the table -->

            <div class="form-inline">
                <label style="padding-left: 10px; padding-right: 200px;" for="input14">مشترى</label>
                <input id="input14" type="number" required="required" value="10" disabled="disabled"/>
                <label style="padding-left: 10px; padding-right: 10px;" for="input15">مباع</label>
                <input id="input15" type="number" required="required" value="10" disabled="disabled"/>
                <label style="padding-left: 10px; padding-right: 10px;" for="input13">صافى الربح</label>
                <input id="input13" type="number" required="required" value="10" disabled="disabled"/>
            </div>

         
      </ui:define>
        </ui:composition>
</html>